
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>遮罩效果</title>
<link rel="stylesheet" href="/assets/css/djzhb/sjzx/grid.css" />
</head>

<body>
	

	<div class="content-five">
		<ul class="contentbox-five">
			<li class="con-five">
				<img class="conimg" src="images/class1.jpg"/>
				<div class="txt-five">
					<h3>大数据一</h3>
					
				</div>
			</li>
			<li class="con-five">
				<img class="conimg" src="images/class2.jpg"/>
				<div class="txt-five">
					<h3>大数据二</h3>
					
				</div>
			</li>
			<li class="con-five">
				<img class="conimg" src="images/class3.jpg"/>
				<div class="txt-five">
					<h3>大数据三</h3>
				
				</div>
			</li>
			<li class="con-five">
				<img class="conimg" src="images/class4.jpg"/>
				<div class="txt-five">
					<h3>大数据四</h3>
					
				</div>
			</li>
			<li class="con-five">
				<img class="conimg" src="images/class5.jpg"/>
				<div class="txt-five">
					<h3>图片五</h3>
					
				</div>
			</li>
			<li class="con-five">
				<img class="conimg" src="images/class6.jpg"/>
				<div class="txt-five">
					<h3>图片六</h3>
					
				</div>
			</li>
		</ul>
	</div>
	
	
	<script type="text/javascript" src="/assets/lib/jquery/jquery-3.2.1.min.js"></script>
	
</body>
</html>
